<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.4.1.min.js"></script>
		<script>
			$(function(){
				$("#b1").click(function(){
					$(this).parent().addClass("c");
					// $(this).parent().prevAll().css("border","10px dashed red");
					$(this).parent().siblings().css("border","10px dashed red");
				});
				$("#b2").click(function(){
					$("div#f").find("span").css("background-color","brown");
				});
			});
		</script>
		<style>
		  .c{
			  border:10px groove yellow;
			  border-radius: 50%;
		  }
		</style>
	</head>
	<body>
		<div><img src="../day7/img/3.jpg" id="pic"></div>
		<p>你好</p>
		<h1>大家好才是真的好</h1>
		<p align="center">
			<button type="button" id="b1">改变图片的css</button>
			<button type="button" id="b2">获得下面的A</button>
		</p>
		<div id="f">
			<span>购物网址</span>
			<hr/>
			<h3>常用的网址</h3>
			<a href="#">taobao</a>
			<a href="#">jd</a>
			<a href="#">pingduoduo</a>
		</div>
	</body>
</html>
